<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  
  <title>hexo 主题 | Jimmey-Jiang&#39;s Blog</title>
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <meta name="description" content="Jimmey-Jiang，城已成，兵不封，鼓不停，志不移，行不息！">
<meta property="og:type" content="website">
<meta property="og:title" content="hexo 主题">
<meta property="og:url" content="http://Jimmey-Jiang.github.io/themes/index.html">
<meta property="og:site_name" content="Jimmey-Jiang&#39;s Blog">
<meta property="og:description" content="Jimmey-Jiang，城已成，兵不封，鼓不停，志不移，行不息！">
<meta property="og:locale" content="zh-Hans">
<meta property="og:updated_time" content="2017-07-28T10:54:48.000Z">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="hexo 主题">
<meta name="twitter:description" content="Jimmey-Jiang，城已成，兵不封，鼓不停，志不移，行不息！">
  
    <link rel="alternative" href="/atom.xml" title="Jimmey-Jiang&#39;s Blog" type="application/atom+xml">
  
  
    <link rel="icon" href="/img/favicon.png">
  
  
      <link rel="stylesheet" href="//cdn.bootcss.com/animate.css/3.5.0/animate.min.css">
  
  <link rel="stylesheet" href="/css/style.css">
  <link rel="stylesheet" href="/font-awesome/css/font-awesome.min.css">
  <link rel="apple-touch-icon" href="/apple-touch-icon.png">
  
  
      <link rel="stylesheet" href="/fancybox/jquery.fancybox.css">
  
  <!-- 加载特效 -->
    <script src="/js/pace.js"></script>
    <link href="/css/pace/pace-theme-flash.css" rel="stylesheet" />
  <script>
      var yiliaConfig = {
          rootUrl: '/',
          fancybox: true,
          animate: true,
          isHome: false,
          isPost: false,
          isArchive: false,
          isTag: false,
          isCategory: false,
          open_in_new: false
      }
  </script>
</head>
<body>
  <div id="container">
    <div class="left-col">
    <div class="overlay"></div>
<div class="intrude-less">
    <header id="header" class="inner">
        <a href="/" class="profilepic">
            
            <img lazy-src="/img/head.jpg" class="js-avatar">
            
        </a>

        <hgroup>
          <h1 class="header-author"><a href="/" title="Hi Mate">安与生</a></h1>
        </hgroup>

        
        <p class="header-subtitle">城已成，兵不封，鼓不停，志不移，行不息！</p>
        
        
            <form>
                <input type="text" class="st-default-search-input search" id="search" placeholder=" Search...">
            </form>
        
        
            <div id="switch-btn" class="switch-btn">
                <div class="icon">
                    <div class="icon-ctn">
                        <div class="icon-wrap icon-house" data-idx="0">
                            <div class="birdhouse"></div>
                            <div class="birdhouse_holes"></div>
                        </div>
                        <div class="icon-wrap icon-ribbon hide" data-idx="1">
                            <div class="ribbon"></div>
                        </div>
                        
                        <div class="icon-wrap icon-link hide" data-idx="2">
                            <div class="loopback_l"></div>
                            <div class="loopback_r"></div>
                        </div>
                        
                        
                        <div class="icon-wrap icon-me hide" data-idx="3">
                            <div class="user"></div>
                            <div class="shoulder"></div>
                        </div>
                        
                    </div>
                    
                </div>
                <div class="tips-box hide">
                    <div class="tips-arrow"></div>
                    <ul class="tips-inner">
                        <li>菜单</li>
                        <li>标签</li>
                        
                        <li>友情链接</li>
                        
                        
                        <li>关于我</li>
                        
                    </ul>
                </div>
            </div>
        

        <div id="switch-area" class="switch-area">
            <div class="switch-wrap">
                <section class="switch-part switch-part1">
                    <nav class="header-menu">
                        <ul>
                        
                            <li><a href="/archives">所有文章</a></li>
                        
                            <li><a href="/works">作品展示</a></li>
                        
                           <li><a href="/about">留言打卡</a></li>
                        
                            <li><a  target="_blank" href="https://tuchong.com/1496450/">摄影集展示</a></li>
                        
                        </ul>
                    </nav>
                    <nav class="header-nav">
                        <ul class="social">
                            
                                <a class="fl mail" target="_blank" href="http://mail.qq.com/cgi-bin/qm_share?t=qm_mailme&email=4trX0tXT19PV1aKTk8yBjY8" title="mail">mail</a>
                            
                                <a class="fl github" target="_blank" href="https://github.com/Jimmey-Jiang" title="github">github</a>
                            
                                <a class="fl zhihu" target="_blank" href="https://www.zhihu.com" title="zhihu">zhihu</a>
                            
                                <a class="fl weibo" target="_blank" href="http://weibo.com" title="weibo">weibo</a>
                            
                                <a class="fl google" target="_blank" href="http://i.youku.com" title="google">google</a>
                            
                                <a class="fl twitter" target="_blank" href="http://twitter.com" title="twitter">twitter</a>
                            
                                <a class="fl Instagram" target="_blank" href="https://www.instagram.com" title="Instagram">Instagram</a>
                            
                                <a class="fl linkedin" target="_blank" href="https://www.linkedin.com" title="linkedin">linkedin</a>
                            
                        </ul>
                    </nav>
                </section>
                
                
                <section class="switch-part switch-part2">
                    <div class="widget tagcloud" id="js-tagcloud">
                        <a href="/tags/Ajax/" style="font-size: 11.67px;">Ajax</a> <a href="/tags/CDN/" style="font-size: 10px;">CDN</a> <a href="/tags/CSS/" style="font-size: 18.33px;">CSS</a> <a href="/tags/CSS3/" style="font-size: 11.67px;">CSS3</a> <a href="/tags/Chrome/" style="font-size: 10px;">Chrome</a> <a href="/tags/Development/" style="font-size: 10px;">Development</a> <a href="/tags/Front-end-outline/" style="font-size: 10px;">Front end outline</a> <a href="/tags/FrontPlan/" style="font-size: 10px;">FrontPlan</a> <a href="/tags/Git/" style="font-size: 11.67px;">Git</a> <a href="/tags/Gulp/" style="font-size: 10px;">Gulp</a> <a href="/tags/HTML/" style="font-size: 13.33px;">HTML</a> <a href="/tags/Hack/" style="font-size: 10px;">Hack</a> <a href="/tags/Hexo/" style="font-size: 16.67px;">Hexo</a> <a href="/tags/Interview/" style="font-size: 10px;">Interview</a> <a href="/tags/JavaScript/" style="font-size: 13.33px;">JavaScript</a> <a href="/tags/Javascript/" style="font-size: 10px;">Javascript</a> <a href="/tags/Markdown/" style="font-size: 10px;">Markdown</a> <a href="/tags/Mobile/" style="font-size: 13.33px;">Mobile</a> <a href="/tags/NodeJs/" style="font-size: 10px;">NodeJs</a> <a href="/tags/OOCSS/" style="font-size: 10px;">OOCSS</a> <a href="/tags/React/" style="font-size: 10px;">React</a> <a href="/tags/ReactNative/" style="font-size: 20px;">ReactNative</a> <a href="/tags/Sass/" style="font-size: 10px;">Sass</a> <a href="/tags/Sublime/" style="font-size: 15px;">Sublime</a> <a href="/tags/Terminal/" style="font-size: 10px;">Terminal</a> <a href="/tags/Video/" style="font-size: 10px;">Video</a> <a href="/tags/Vue/" style="font-size: 15px;">Vue</a> <a href="/tags/WeChatSDK/" style="font-size: 10px;">WeChatSDK</a> <a href="/tags/rem/" style="font-size: 10px;">rem</a> <a href="/tags/window-7/" style="font-size: 10px;">window 7</a>
                    </div>
                </section>
                
                
                
                <section class="switch-part switch-part3">
                    <div id="js-friends">
                    
                      <a target="_blank" class="main-nav-link switch-friends-link" href="http://MOxFIVE.github.io/">MOxFIVE</a>
                    
                      <a target="_blank" class="main-nav-link switch-friends-link" href="http://www.vsay.cn/">DoubleV</a>
                    
                      <a target="_blank" class="main-nav-link switch-friends-link" href="http://www.ccwebsite.com/">兮兮</a>
                    
                      <a target="_blank" class="main-nav-link switch-friends-link" href="http://blog.dandyweng.com/">翁天信</a>
                    
                      <a target="_blank" class="main-nav-link switch-friends-link" href="http://www.plqblog.com/views/index.php">潘利强</a>
                    
                      <a target="_blank" class="main-nav-link switch-friends-link" href="http://www.hankin.cn/">hankin</a>
                    
                      <a target="_blank" class="main-nav-link switch-friends-link" href="http://blog.waydrow.com/">waydrow</a>
                    
                      <a target="_blank" class="main-nav-link switch-friends-link" href="https://www.tangbc.com">TANGBC</a>
                    
                      <a target="_blank" class="main-nav-link switch-friends-link" href="https://www.w3ctrain.com/">Helkyle</a>
                    
                    </div>
                </section>
                

                
                
                <section class="switch-part switch-part4">
                
                    <div id="js-aboutme">城已成，兵不封，鼓不停，志不移，行不息</div>
                </section>
                
            </div>
        </div>
    </header>                
</div>
    </div>
    <div class="mid-col">
      <nav id="mobile-nav">
      <div class="overlay">
          <div class="slider-trigger"></div>
          <h1 class="header-author js-mobile-header hide"><a href="/" title="Me">Jimmey-Jiang</a></h1>
      </div>
    <div class="intrude-less">
        <header id="header" class="inner">
            <a href="/" class="profilepic">
                
                    <img lazy-src="/img/head.jpg" class="js-avatar">
                
            </a>
            <hgroup>
              <h1 class="header-author"><a href="/" title="Me">Jimmey-Jiang</a></h1>
            </hgroup>
            
            <p class="header-subtitle">城已成，兵不封，鼓不停，志不移，行不息！</p>
            
            <nav class="header-menu">
                <ul>
                
                    <li><a href="/archives">所有文章</a></li>
                
                    <li><a href="/works">作品展示</a></li>
                
                   <li><a href="/about">留言打卡</a></li>
                
                    <li><a  target="_blank" href="https://tuchong.com/1496450/">摄影集展示</a></li>
                
                <div class="clearfix"></div>
                </ul>
            </nav>
            <nav class="header-nav">
                <div class="social">
                    
                        <a class="mail" target="_blank" href="http://mail.qq.com/cgi-bin/qm_share?t=qm_mailme&email=4trX0tXT19PV1aKTk8yBjY8" title="mail">mail</a>
                    
                        <a class="github" target="_blank" href="https://github.com/Jimmey-Jiang" title="github">github</a>
                    
                        <a class="zhihu" target="_blank" href="https://www.zhihu.com" title="zhihu">zhihu</a>
                    
                        <a class="weibo" target="_blank" href="http://weibo.com" title="weibo">weibo</a>
                    
                        <a class="google" target="_blank" href="http://i.youku.com" title="google">google</a>
                    
                        <a class="twitter" target="_blank" href="http://twitter.com" title="twitter">twitter</a>
                    
                        <a class="Instagram" target="_blank" href="https://www.instagram.com" title="Instagram">Instagram</a>
                    
                        <a class="linkedin" target="_blank" href="https://www.linkedin.com" title="linkedin">linkedin</a>
                    
                </div>
            </nav>
        </header>                
    </div>
</nav>
      <div class="body-wrap"><div id="content-wrapper1">
  <div class="wrapper1">
    <div class="inner1">
      <header id="plugin-list-header">
        <h1 id="plugin-list-title">hexo 主题</h1>
        <input type="search" id="plugin-search-input" placeholder="Search">
        <div id="plugin-list-count">26 items</div>
      </header>
      <ul id="plugin-list">
        
          <li class="plugin on">
  <div class="plugin-screenshot">
    <img src="/themes/screenshots/Apollo.png" class="plugin-screenshot-img">
    
    <a href="http://pinggod.com/" class="plugin-preview-link" target="_blank"><i class="fa fa-eye"></i></a>
    
  </div>
  <a href="https://github.com/pinggod/hexo-theme-apollo" class="plugin-name" target="_blank">Apollo</a>
  <p class="plugin-desc">A Hexo theme inspired by http://cn.vuejs.org/.</p>
  <div class="plugin-tag-list">
    
      <a href="#中文" class="plugin-tag">中文</a>
    
      <a href="#apollo" class="plugin-tag">apollo</a>
    
      <a href="#light" class="plugin-tag">light</a>
    
  </div>
</li>
        
          <li class="plugin on">
  <div class="plugin-screenshot">
    <img src="/themes/screenshots/Foundation.png" class="plugin-screenshot-img">
    
    <a href="http://chrisjlee.github.io/hexo-theme-zurb-foundation" class="plugin-preview-link" target="_blank"><i class="fa fa-eye"></i></a>
    
  </div>
  <a href="https://github.com/chrisjlee/hexo-theme-zurb-foundation" class="plugin-name" target="_blank">Foundation</a>
  <p class="plugin-desc">A theme based on the Zurb Foundation 5 theme.</p>
  <div class="plugin-tag-list">
    
      <a href="#responsive" class="plugin-tag">responsive</a>
    
      <a href="#mobile_first" class="plugin-tag">mobile_first</a>
    
      <a href="#simple" class="plugin-tag">simple</a>
    
      <a href="#white" class="plugin-tag">white</a>
    
  </div>
</li>
        
          <li class="plugin on">
  <div class="plugin-screenshot">
    <img src="/themes/screenshots/Freemind.png" class="plugin-screenshot-img">
    
    <a href="http://wzpan.github.io/hexo-theme-freemind/" class="plugin-preview-link" target="_blank"><i class="fa fa-eye"></i></a>
    
  </div>
  <a href="https://github.com/wzpan/hexo-theme-freemind" class="plugin-name" target="_blank">Freemind</a>
  <p class="plugin-desc">Fully taking advantages of Bootstrap.</p>
  <div class="plugin-tag-list">
    
      <a href="#two_column" class="plugin-tag">two_column</a>
    
      <a href="#responsive" class="plugin-tag">responsive</a>
    
      <a href="#elegant" class="plugin-tag">elegant</a>
    
      <a href="#tag_plugins" class="plugin-tag">tag_plugins</a>
    
      <a href="#bootstrap" class="plugin-tag">bootstrap</a>
    
  </div>
</li>
        
          <li class="plugin on">
  <div class="plugin-screenshot">
    <img src="/themes/screenshots/Freemind.386.png" class="plugin-screenshot-img">
    
    <a href="http://blackshow.me/" class="plugin-preview-link" target="_blank"><i class="fa fa-eye"></i></a>
    
  </div>
  <a href="https://github.com/blackshow/hexo-theme-freemind.386" class="plugin-name" target="_blank">Freemind.386</a>
  <p class="plugin-desc">Freemind.386 is a retro-style theme of Hexo.</p>
  <div class="plugin-tag-list">
    
      <a href="#bootstrap" class="plugin-tag">bootstrap</a>
    
      <a href="#pixel_style" class="plugin-tag">pixel_style</a>
    
      <a href="#responsive" class="plugin-tag">responsive</a>
    
      <a href="#two_column" class="plugin-tag">two_column</a>
    
      <a href="#tag_plugins" class="plugin-tag">tag_plugins</a>
    
      <a href="#retro" class="plugin-tag">retro</a>
    
  </div>
</li>
        
          <li class="plugin on">
  <div class="plugin-screenshot">
    <img src="/themes/screenshots/Hueman.png" class="plugin-screenshot-img">
    
    <a href="https://ppoffice.github.io/hexo-theme-hueman" class="plugin-preview-link" target="_blank"><i class="fa fa-eye"></i></a>
    
  </div>
  <a href="https://github.com/ppoffice/hexo-theme-hueman" class="plugin-name" target="_blank">Hueman</a>
  <p class="plugin-desc">A redesign of Alx's wordpress theme Hueman, ported to Hexo.</p>
  <div class="plugin-tag-list">
    
      <a href="#responsive" class="plugin-tag">responsive</a>
    
      <a href="#two_column" class="plugin-tag">two_column</a>
    
      <a href="#wordpress" class="plugin-tag">wordpress</a>
    
      <a href="#elegant" class="plugin-tag">elegant</a>
    
      <a href="#hueman" class="plugin-tag">hueman</a>
    
  </div>
</li>
        
          <li class="plugin on">
  <div class="plugin-screenshot">
    <img src="/themes/screenshots/Icarus.png" class="plugin-screenshot-img">
    
    <a href="https://ppoffice.github.io/hexo-theme-icarus" class="plugin-preview-link" target="_blank"><i class="fa fa-eye"></i></a>
    
  </div>
  <a href="https://github.com/ppoffice/hexo-theme-icarus" class="plugin-name" target="_blank">Icarus</a>
  <p class="plugin-desc">The blog theme you may fall in love with, coming to Hexo.</p>
  <div class="plugin-tag-list">
    
      <a href="#responsive" class="plugin-tag">responsive</a>
    
      <a href="#three_column" class="plugin-tag">three_column</a>
    
      <a href="#clean" class="plugin-tag">clean</a>
    
      <a href="#flat" class="plugin-tag">flat</a>
    
      <a href="#light" class="plugin-tag">light</a>
    
  </div>
</li>
        
          <li class="plugin on">
  <div class="plugin-screenshot">
    <img src="/themes/screenshots/Jacman.png" class="plugin-screenshot-img">
    
    <a href="http://wuchong.me/jacman" class="plugin-preview-link" target="_blank"><i class="fa fa-eye"></i></a>
    
  </div>
  <a href="https://github.com/wuchong/jacman" class="plugin-name" target="_blank">Jacman</a>
  <p class="plugin-desc">A fresh looking and responsive theme for Hexo.</p>
  <div class="plugin-tag-list">
    
      <a href="#responsive" class="plugin-tag">responsive</a>
    
      <a href="#two_column" class="plugin-tag">two_column</a>
    
      <a href="#blue" class="plugin-tag">blue</a>
    
      <a href="#elegant" class="plugin-tag">elegant</a>
    
  </div>
</li>
        
          <li class="plugin on">
  <div class="plugin-screenshot">
    <img src="/themes/screenshots/Jekyll.png" class="plugin-screenshot-img">
    
    <a href="https://github.com/pinggod/hexo-theme-jekyll" class="plugin-preview-link" target="_blank"><i class="fa fa-eye"></i></a>
    
  </div>
  <a href="https://github.com/pinggod/hexo-theme-jekyll" class="plugin-name" target="_blank">Jekyll</a>
  <p class="plugin-desc">A Hexo theme inspired by jekyllrb.com.</p>
  <div class="plugin-tag-list">
    
      <a href="#中文" class="plugin-tag">中文</a>
    
      <a href="#jekyll" class="plugin-tag">jekyll</a>
    
      <a href="#dark" class="plugin-tag">dark</a>
    
  </div>
</li>
        
          <li class="plugin on">
  <div class="plugin-screenshot">
    <img src="/themes/screenshots/Maupassant.png" class="plugin-screenshot-img">
    
    <a href="https://www.haomwei.com" class="plugin-preview-link" target="_blank"><i class="fa fa-eye"></i></a>
    
  </div>
  <a href="https://github.com/tufu9441/maupassant-hexo" class="plugin-name" target="_blank">Maupassant</a>
  <p class="plugin-desc">A simple Hexo template with great performance on different devices.</p>
  <div class="plugin-tag-list">
    
      <a href="#simple" class="plugin-tag">simple</a>
    
      <a href="#responsive" class="plugin-tag">responsive</a>
    
      <a href="#two_column" class="plugin-tag">two_column</a>
    
      <a href="#white" class="plugin-tag">white</a>
    
      <a href="#jade" class="plugin-tag">jade</a>
    
      <a href="#scss" class="plugin-tag">scss</a>
    
  </div>
</li>
        
          <li class="plugin on">
  <div class="plugin-screenshot">
    <img src="/themes/screenshots/Minos.png" class="plugin-screenshot-img">
    
    <a href="http://ppoffice.github.io/hexo-theme-minos" class="plugin-preview-link" target="_blank"><i class="fa fa-eye"></i></a>
    
  </div>
  <a href="https://github.com/ppoffice/hexo-theme-minos" class="plugin-name" target="_blank">Minos</a>
  <p class="plugin-desc">A simple and retro styled Hexo theme, concentrated more on your ideas.</p>
  <div class="plugin-tag-list">
    
      <a href="#responsive" class="plugin-tag">responsive</a>
    
      <a href="#one_column" class="plugin-tag">one_column</a>
    
      <a href="#simple" class="plugin-tag">simple</a>
    
      <a href="#retro" class="plugin-tag">retro</a>
    
      <a href="#white" class="plugin-tag">white</a>
    
  </div>
</li>
        
          <li class="plugin on">
  <div class="plugin-screenshot">
    <img src="/themes/screenshots/NexT.png" class="plugin-screenshot-img">
    
    <a href="http://notes.iissnan.com/" class="plugin-preview-link" target="_blank"><i class="fa fa-eye"></i></a>
    
  </div>
  <a href="https://github.com/iissnan/hexo-theme-next" class="plugin-name" target="_blank">NexT</a>
  <p class="plugin-desc">NexT is an elegant theme for Hexo.</p>
  <div class="plugin-tag-list">
    
      <a href="#responsive" class="plugin-tag">responsive</a>
    
      <a href="#one_column" class="plugin-tag">one_column</a>
    
      <a href="#clean" class="plugin-tag">clean</a>
    
      <a href="#white" class="plugin-tag">white</a>
    
  </div>
</li>
        
          <li class="plugin on">
  <div class="plugin-screenshot">
    <img src="/themes/screenshots/Simplest.png" class="plugin-screenshot-img">
    
    <a href="https://dnxbf321.github.io" class="plugin-preview-link" target="_blank"><i class="fa fa-eye"></i></a>
    
  </div>
  <a href="https://github.com/dnxbf321/hexo-theme-simplest" class="plugin-name" target="_blank">Simplest</a>
  <p class="plugin-desc">Very simple, written with swig & scss.</p>
  <div class="plugin-tag-list">
    
      <a href="#responsive" class="plugin-tag">responsive</a>
    
      <a href="#swig" class="plugin-tag">swig</a>
    
      <a href="#scss" class="plugin-tag">scss</a>
    
      <a href="#one_column" class="plugin-tag">one_column</a>
    
  </div>
</li>
        
          <li class="plugin on">
  <div class="plugin-screenshot">
    <img src="/themes/screenshots/Tranquilpeak.png" class="plugin-screenshot-img">
    
    <a href="http://louisbarranqueiro.github.io/tranquilpeak-hexo-theme" class="plugin-preview-link" target="_blank"><i class="fa fa-eye"></i></a>
    
  </div>
  <a href="https://github.com/LouisBarranqueiro/tranquilpeak-hexo-theme" class="plugin-name" target="_blank">Tranquilpeak</a>
  <p class="plugin-desc">A gorgeous responsive theme for Hexo blog framework</p>
  <div class="plugin-tag-list">
    
      <a href="#responsive" class="plugin-tag">responsive</a>
    
      <a href="#gorgeous" class="plugin-tag">gorgeous</a>
    
      <a href="#sidebar" class="plugin-tag">sidebar</a>
    
      <a href="#two_column" class="plugin-tag">two_column</a>
    
      <a href="#one_column" class="plugin-tag">one_column</a>
    
      <a href="#tag_plugins" class="plugin-tag">tag_plugins</a>
    
  </div>
</li>
        
          <li class="plugin on">
  <div class="plugin-screenshot">
    <img src="/themes/screenshots/Wixo.png" class="plugin-screenshot-img">
    
    <a href="http://wzpan.github.io/hexo-theme-wixo/" class="plugin-preview-link" target="_blank"><i class="fa fa-eye"></i></a>
    
  </div>
  <a href="https://github.com/wzpan/hexo-theme-wixo" class="plugin-name" target="_blank">Wixo</a>
  <p class="plugin-desc">Turn your Hexo into a Wiki!</p>
  <div class="plugin-tag-list">
    
      <a href="#wiki" class="plugin-tag">wiki</a>
    
      <a href="#responsive" class="plugin-tag">responsive</a>
    
      <a href="#simple" class="plugin-tag">simple</a>
    
      <a href="#tag_plugins" class="plugin-tag">tag_plugins</a>
    
      <a href="#bootstrap" class="plugin-tag">bootstrap</a>
    
      <a href="#modal" class="plugin-tag">modal</a>
    
  </div>
</li>
        
          <li class="plugin on">
  <div class="plugin-screenshot">
    <img src="/themes/screenshots/Yelee.png" class="plugin-screenshot-img">
    
    <a href="http://moxfive.xyz" class="plugin-preview-link" target="_blank"><i class="fa fa-eye"></i></a>
    
  </div>
  <a href="https://github.com/MOxFIVE/hexo-theme-yelee" class="plugin-name" target="_blank">Yelee</a>
  <p class="plugin-desc">Another simple and elegant Hexo theme by MOxFIVE</p>
  <div class="plugin-tag-list">
    
      <a href="#responsive" class="plugin-tag">responsive</a>
    
      <a href="#two_column" class="plugin-tag">two_column</a>
    
      <a href="#toc" class="plugin-tag">toc</a>
    
      <a href="#elegant" class="plugin-tag">elegant</a>
    
      <a href="#simple" class="plugin-tag">simple</a>
    
      <a href="#background_image" class="plugin-tag">background_image</a>
    
  </div>
</li>
        
          <li class="plugin on">
  <div class="plugin-screenshot">
    <img src="/themes/screenshots/carbon.png" class="plugin-screenshot-img">
    
    <a href="https://blog.icylogic.net" class="plugin-preview-link" target="_blank"><i class="fa fa-eye"></i></a>
    
  </div>
  <a href="https://github.com/icylogic/carbon" class="plugin-name" target="_blank">carbon</a>
  <p class="plugin-desc">Carbon is a simple theme using pjax for elegant loading.</p>
  <div class="plugin-tag-list">
    
      <a href="#simple" class="plugin-tag">simple</a>
    
      <a href="#white & black" class="plugin-tag">white & black</a>
    
      <a href="#pjax" class="plugin-tag">pjax</a>
    
  </div>
</li>
        
          <li class="plugin on">
  <div class="plugin-screenshot">
    <img src="/themes/screenshots/hexadillax.png" class="plugin-screenshot-img">
    
    <a href="https://xcoder.in/" class="plugin-preview-link" target="_blank"><i class="fa fa-eye"></i></a>
    
  </div>
  <a href="https://github.com/XadillaX/hexadillax" class="plugin-name" target="_blank">hexadillax</a>
  <p class="plugin-desc">XadillaX built this theme with love and an otaku heart.</p>
  <div class="plugin-tag-list">
    
      <a href="#bootstrap" class="plugin-tag">bootstrap</a>
    
      <a href="#simple" class="plugin-tag">simple</a>
    
      <a href="#otaku" class="plugin-tag">otaku</a>
    
  </div>
</li>
        
          <li class="plugin on">
  <div class="plugin-screenshot">
    <img src="/themes/screenshots/hexoThemeKacper.png" class="plugin-screenshot-img">
    
    <a href="http://JSlite.io" class="plugin-preview-link" target="_blank"><i class="fa fa-eye"></i></a>
    
  </div>
  <a href="https://github.com/jaywcjlove/hexoThemeKacper" class="plugin-name" target="_blank">hexoThemeKacper</a>
  <p class="plugin-desc">Suitable for products blog</p>
  <div class="plugin-tag-list">
    
      <a href="#bootstrap" class="plugin-tag">bootstrap</a>
    
      <a href="#tag_plugins" class="plugin-tag">tag_plugins</a>
    
      <a href="#elegant" class="plugin-tag">elegant</a>
    
  </div>
</li>
        
          <li class="plugin on">
  <div class="plugin-screenshot">
    <img src="/themes/screenshots/landscape.png" class="plugin-screenshot-img">
    
    <a href="http://hexo.io/hexo-theme-landscape" class="plugin-preview-link" target="_blank"><i class="fa fa-eye"></i></a>
    
  </div>
  <a href="https://github.com/hexojs/hexo-theme-landscape" class="plugin-name" target="_blank">landscape</a>
  <p class="plugin-desc">A brand new default theme for Hexo.</p>
  <div class="plugin-tag-list">
    
      <a href="#official" class="plugin-tag">official</a>
    
      <a href="#responsive" class="plugin-tag">responsive</a>
    
      <a href="#widget" class="plugin-tag">widget</a>
    
      <a href="#two_column" class="plugin-tag">two_column</a>
    
      <a href="#one_column" class="plugin-tag">one_column</a>
    
  </div>
</li>
        
          <li class="plugin on">
  <div class="plugin-screenshot">
    <img src="/themes/screenshots/light.png" class="plugin-screenshot-img">
    
    <a href="http://hexo.io/hexo-theme-light" class="plugin-preview-link" target="_blank"><i class="fa fa-eye"></i></a>
    
  </div>
  <a href="https://github.com/hexojs/hexo-theme-light" class="plugin-name" target="_blank">light</a>
  <p class="plugin-desc">Default theme for Hexo.</p>
  <div class="plugin-tag-list">
    
      <a href="#official" class="plugin-tag">official</a>
    
      <a href="#responsive" class="plugin-tag">responsive</a>
    
      <a href="#two_column" class="plugin-tag">two_column</a>
    
  </div>
</li>
        
          <li class="plugin on">
  <div class="plugin-screenshot">
    <img src="/themes/screenshots/phase.png" class="plugin-screenshot-img">
    
    <a href="http://hexo.io/hexo-theme-phase" class="plugin-preview-link" target="_blank"><i class="fa fa-eye"></i></a>
    
  </div>
  <a href="https://github.com/hexojs/hexo-theme-phase" class="plugin-name" target="_blank">phase</a>
  <p class="plugin-desc">Feel the flow of time with Phase.</p>
  <div class="plugin-tag-list">
    
      <a href="#official" class="plugin-tag">official</a>
    
      <a href="#one_column" class="plugin-tag">one_column</a>
    
  </div>
</li>
        
          <li class="plugin on">
  <div class="plugin-screenshot">
    <img src="/themes/screenshots/simpleblock.png" class="plugin-screenshot-img">
    
    <a href="https://jysperm.me" class="plugin-preview-link" target="_blank"><i class="fa fa-eye"></i></a>
    
  </div>
  <a href="https://github.com/jysperm/hexo-theme-simpleblock" class="plugin-name" target="_blank">simpleblock</a>
  <p class="plugin-desc">A simple theme inspired by Twenty Twelve.</p>
  <div class="plugin-tag-list">
    
      <a href="#responsive" class="plugin-tag">responsive</a>
    
      <a href="#two_column" class="plugin-tag">two_column</a>
    
      <a href="#simple" class="plugin-tag">simple</a>
    
      <a href="#light" class="plugin-tag">light</a>
    
  </div>
</li>
        
          <li class="plugin on">
  <div class="plugin-screenshot">
    <img src="/themes/screenshots/spfk.png" class="plugin-screenshot-img">
    
    <a href="http://Jimmey-Jiang.github.io/" class="plugin-preview-link" target="_blank"><i class="fa fa-eye"></i></a>
    
  </div>
  <a href="https://github.com/Jimmey-Jiang/hexo-theme-spfk" class="plugin-name" target="_blank">spfk</a>
  <p class="plugin-desc">A simple solemn theme for Hexo</p>
  <div class="plugin-tag-list">
    
      <a href="#bootstrap" class="plugin-tag">bootstrap</a>
    
      <a href="#responsive" class="plugin-tag">responsive</a>
    
      <a href="#two_column" class="plugin-tag">two_column</a>
    
      <a href="#personality" class="plugin-tag">personality</a>
    
  </div>
</li>
        
          <li class="plugin on">
  <div class="plugin-screenshot">
    <img src="/themes/screenshots/ttstyle.png" class="plugin-screenshot-img">
    
    <a href="http://shuoit.net" class="plugin-preview-link" target="_blank"><i class="fa fa-eye"></i></a>
    
  </div>
  <a href="https://github.com/tangkunyin/hexo-theme-ttstyle" class="plugin-name" target="_blank">ttstyle</a>
  <p class="plugin-desc">A three column theme for hexo.Responsive And SEO best.</p>
  <div class="plugin-tag-list">
    
      <a href="#responsive" class="plugin-tag">responsive</a>
    
      <a href="#simple" class="plugin-tag">simple</a>
    
      <a href="#seo" class="plugin-tag">seo</a>
    
      <a href="#chinese" class="plugin-tag">chinese</a>
    
      <a href="#three_column" class="plugin-tag">three_column</a>
    
  </div>
</li>
        
          <li class="plugin on">
  <div class="plugin-screenshot">
    <img src="/themes/screenshots/yinwang.png" class="plugin-screenshot-img">
    
    <a href="http://www.fzb.me" class="plugin-preview-link" target="_blank"><i class="fa fa-eye"></i></a>
    
  </div>
  <a href="https://github.com/mickeyouyou/yinwang" class="plugin-name" target="_blank">yinwang</a>
  <p class="plugin-desc">Simplest View For Your Article Best.</p>
  <div class="plugin-tag-list">
    
      <a href="#responsive" class="plugin-tag">responsive</a>
    
      <a href="#simple" class="plugin-tag">simple</a>
    
      <a href="#chinese" class="plugin-tag">chinese</a>
    
  </div>
</li>
        
          <li class="plugin on">
  <div class="plugin-screenshot">
    <img src="/themes/screenshots/zzoman2015.png" class="plugin-screenshot-img">
    
    <a href="http://dev.zzoman.com" class="plugin-preview-link" target="_blank"><i class="fa fa-eye"></i></a>
    
  </div>
  <a href="https://github.com/reumia/hexo-theme-zzoman2015" class="plugin-name" target="_blank">zzoman2015</a>
  <p class="plugin-desc">Simplest Theme by ZZOMAN</p>
  <div class="plugin-tag-list">
    
      <a href="#simple" class="plugin-tag">simple</a>
    
      <a href="#responsive" class="plugin-tag">responsive</a>
    
      <a href="#one_column" class="plugin-tag">one_column</a>
    
      <a href="#korean" class="plugin-tag">korean</a>
    
  </div>
</li>
        
      </ul>
    </div>
  </div>
</div>
<script>window.SEARCH_INDEX = </script></div>
      <footer id="footer">
    <div class="outer">
        <div id="footer-info">
            <div class="footer-left">
                &copy; 2017 Jimmey-Jiang
            </div>
            <div class="footer-right">
                <a href="http://hexo.io/" target="_blank">Hexo</a>  Theme <a href="https://github.com/Jimmey-Jiang/hexo-theme-spfk" target="_blank">spfk</a> by Jimmey-Jiang
            </div>
        </div>
        
            <div class="visit">
                
                    <span id="busuanzi_container_site_pv" style='display:none'>
                        <span id="site-visit" >海贼到访数: 
                            <span id="busuanzi_value_site_uv"></span>
                        </span>
                    </span>
                
                
                    <span>, </span>
                
                
                    <span id="busuanzi_container_page_pv" style='display:none'>
                        <span id="page-visit">本页阅读量: 
                            <span id="busuanzi_value_page_pv"></span>
                        </span>
                    </span>
                
            </div>
        
    </div>
</footer>

    </div>
    <script src="https://7.url.cn/edu/jslib/comb/require-2.1.6,jquery-1.9.1.min.js"></script>
<script src="/js/main.js"></script>

    <script>
        $(document).ready(function() {
            var backgroundnum = 24;
            var backgroundimg = "url(/background/bg-x.jpg)".replace(/x/gi, Math.ceil(Math.random() * backgroundnum));
            $("#mobile-nav").css({"background-image": backgroundimg,"background-size": "cover","background-position": "center"});
            $(".left-col").css({"background-image": backgroundimg,"background-size": "cover","background-position": "center"});
        })
    </script>




	<script>
	var _hmt = _hmt || [];
	(function() {
	  var hm = document.createElement("script");
	  hm.src = "//hm.baidu.com/hm.js?819b1c6493df653afb8c7846bc4b8db6";
	  var s = document.getElementsByTagName("script")[0]; 
	  s.parentNode.insertBefore(hm, s);
	})();
	</script>


<div class="scroll" id="scroll">
    <a href="#"><i class="fa fa-arrow-up"></i></a>
    <a href="#comments"><i class="fa fa-comments-o"></i></a>
    <a href="#footer"><i class="fa fa-arrow-down"></i></a>
</div>
<script>
    $(document).ready(function() {
        if ($("#comments").length < 1) {
            $("#scroll > a:nth-child(2)").hide();
        };
    })
</script>

<script async src="https://dn-lbstatics.qbox.me/busuanzi/2.3/busuanzi.pure.mini.js">
</script>

  <script language="javascript">
    $(function() {
        $("a[title]").each(function() {
            var a = $(this);
            var title = a.attr('title');
            if (title == undefined || title == "") return;
            a.data('title', title).removeAttr('title').hover(

            function() {
                var offset = a.offset();
                $("<div id=\"anchortitlecontainer\"></div>").appendTo($("body")).html(title).css({
                    top: offset.top - a.outerHeight() - 15,
                    left: offset.left + a.outerWidth()/2 + 1
                }).fadeIn(function() {
                    var pop = $(this);
                    setTimeout(function() {
                        pop.remove();
                    }, pop.text().length * 800);
                });
            }, function() {
                $("#anchortitlecontainer").remove();
            });
        });
    });
</script>


    <script type="text/javascript">
      window.onload = function(){
        document.getElementById("search").onclick = function(){
            console.log("search")
            search();
        }
      }
      function search(){
        (function(w,d,t,u,n,s,e){w['SwiftypeObject']=n;w[n]=w[n]||function(){
        (w[n].q=w[n].q||[]).push(arguments);};s=d.createElement(t);
        e=d.getElementsByTagName(t)[0];s.async=1;s.src=u;e.parentNode.insertBefore(s,e);
        })(window,document,'script','//s.swiftypecdn.com/install/v2/st.js','_st');

        _st('install','A1Pz-LKMXbrzcFg2FWi6','2.0.0');
      }
    </script>

  </div>
</body>
</html>